// 这个模块单独定义指令的模块
// 如果定义的指令中有驼峰命名 定义指令的时候指令名imgError  使用指令的时候 v-img-error
export const imgerror = {
  // 绑定指令的元素插入到父节点是触发,
  inserted(el, binding) { // el就是使用指令的dom元素
    console.log(binding.value) // binding是一个对象,包含了当前指令的一些属性信息 .value 就是指定的值
    // console.log(el)
    // 图像加载失败就会触发onerror
    el.onerror = () => {
      // 如果指令没有给值,直接渲染默认头像
      // el.src = 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1950846641,3729028697&fm=26&gp=0.jpg'
      el.src = binding.value || 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1950846641,3729028697&fm=26&gp=0.jpg'
    }
  }
}

export const red = {
  inserted(el) {
    el.style.color = 'red'
  }
}

